<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>06.文本操作</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.2.4/jquery.js"></script>
</head>
<body>
    <!-- 
        文本：
          设置文本
          text() 相当于js的innerText
          html() 相当于js中innerHTML

        关乎jquery 获取操作：
          1. 如果确定只有一个节点 再获取
          2. 如果多个节点 没办法获取的
     -->
    
    <div></div>
    <div></div>
    <div></div>
    <span></span>

    <script>
        $("div").text("hello text")
        // 获取文本
        console.log( $("div").text());  // 
        $("span").text("<h1>hello text</h1>")
        $("span").html("<h1>hello text</h1>")
        console.log( $("span").html()); // 获取标签
        console.log( $("span").text()); // 获取标签中的内容
    </script>
</body>
</html>